import React from "react"
import { Color } from "../model/color"

interface Props {
    color: Color;
}

const ColorBrowser: React.FC<Props> = (props) => {
    // @types/react  React.CSSProperties css属性集
    const divStyle: React.CSSProperties = {
        width: "11rem",
        height: "7rem",
        backgroundColor: `rgb(${props.color.red},${props.color.green},${props.color.blue})`
    }
    return (
        <div style={divStyle}></div>
    )
}

export default ColorBrowser